﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AddBaby-f.aspx.cs" Inherits="WanPiJie.WebSite.MyBaby.AddBaby_f" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
	<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.19/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
	<link href="../Content/Styles/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<form id="form1" runat="server">
	<div>
		<% if (this.HasBaby) %>
		<% { %>
		<div>
			目前只支持一个宝。
		</div>
		<% } %>
		<% else %>
		<% { %>
		基本信息（必填）
		<table>
			<tr>
				<td>
					宝宝姓名
				</td>
				<td>
					<asp:TextBox ID="f_Name" runat="server" CssClass="required"></asp:TextBox>
				</td>
			</tr>
			<tr>
				<td>
					出生日期
				</td>
				<td>
					<asp:TextBox ID="f_Birthday" runat="server" CssClass="required"></asp:TextBox>
				</td>
			</tr>
			<tr>
				<td>
					性别
				</td>
				<td>
					<asp:RadioButton ID="RbBoy" runat="server" Value="m" GroupName="f_Gender" Text="男宝宝" Checked="true" />
					<asp:RadioButton ID="RbGirl" runat="server" Value="f" GroupName="f_Gender" Text="女宝宝" />
				</td>
			</tr>
			<tr>
				<td>
					&nbsp;
				</td>
				<td>
					<asp:Button ID="BtnOK" runat="server" OnClick="BtnOK_Click" Text="添加" />
				</td>
			</tr>
		</table>
		<% } %>
	</div>
	</form>
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.19/jquery-ui.min.js"></script>
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.19/i18n/jquery-ui-i18n.min.js"></script>
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
	<script type="text/javascript">
		$(function () {
			$("#f_Birthday").datepicker();
			$("form").validate({
				messages: {
					f_Name: {
						required: "请填写宝宝名称"
					},
					f_Birthday: {
						required: "请填写宝宝出生日期"
					}
				}
			});
		});
	</script>
</body>
</html>
